<!--
    	作者：weibingju
    	时间：2018-09-08
    	描述：
    -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
			<script>
		// 原型对象:
		var Student = {
		    name: 'Robot',
		    height: 1.2,
		    run: function () {
		        alert(this.name + ' is running...');
		    }
		};
//				
		function createStudent(name){
			//基于Student原型创建一个新对象
			var s = Object.create(Student);
			//初始化新对象
			s.name = name;
			return s;
		}
//		
//		var xiaoming = createStudent('小明');
//		xiaoming.run();
//		alert(xiaoming._proto_ === Student);	
//		'use strict'
		//函数式对象
//		function Student(name){
//			this.name = name;
//		}
//		//共享hello函数
//		Student.prototype.hello = function(){
//			alert('Hello,' + this.name + '!');
//		}
		
//		var xiaoming = new Student('小明');
//		var xiaohong = new Student('xiaohong');
		var xiaoming = createStudent('xiaoming');
		var xiaohong = createStudent('xiaohong');
		
//		alert(xiaoming.name);
//		alert(xiaoming.hello());
//      alert(xiaoming.constructor ===Student.prototype.constructor);
//		alert(xiaohong.name);
//		alert(xiaohong.run === xiaoming.run);
	</script>
	<h1>JavaScript学习之浏览器对象</h1>
	1.window 对象
	  window 对象表示浏览器窗口，还充当全局作用域。
	  属性对象：
	         innerWidth:浏览器内部窗口宽度；
	         innerHeight:浏览器内部窗口高度；
	                  高和宽指的是除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高；
	2.navigator 对象
	  navigator 对象表示浏览器的信息，其属性很容易被更改。
	  常用属性：
	        a.appName:浏览器名称
	        b.appVersion: 浏览器版本
	        c.language:浏览器设置的语言
	        d.platform:操作系统类型
	        e.userAgent：浏览器设定的User-Agent字符串
			<script>
				console.log(navigator.appCodeName);
				console.log(navigator.appVersion);
				console.log(navigator.language);
				console.log(navigator.platform);
				console.log(navigator.userAgent);
			</script>
	3.screen 对象
	  screen 对象表示屏幕信息。
	   常用属性：
	         a.width：屏幕宽度，以像素为单位；
	         b.height:屏幕高度，已像素为单位；
	         c.colorDepth:返回颜色位数。
	 
	4.location 对象
	  location 对象表示当前页面的URL信息
	  常用操作及属性：
	         a. 获取完整URL
	            1.location.href获取
	         b. 获取URL各个部分
	            1.http:location.protocol
	            2.host:location.host
	            3.port:location.port
	            4.文件路径:location.pathname
	            5.参数（包含？）：location.search
	            6.hash:location.hash
	         c.加载新页面
	            location.assign()
	         d.重新加载当前页面
	            location.reload()
	5.document 对象
	   document 对象表示当前页面。由于HTML在浏览器中以DOM形式表示为树形结构
	            ，document对象就是整个DOM树的根节点。
	    常用操作：
	        1.根据 id 获取一个DOM节点
	          document.getElementById('参数')
	        2.根据 Tag 获取一组DOM节点
	          document.getElementsByTagName('参数')
	        3.cookie 属性
	          document.cookie 获取当前页面Cookie；
	                        允许JavaScript获取cookie信息存在安全隐患，其防治措施是在服务器设置Cookie时，
	                设定httpOnly,这样Cookie将不能被JavaScript读取。注意，该行为由浏览器实现。
	6.history 对象
	   history 对像保存了浏览器的历史记录，历史遗留对象，不建议使用。
	   常用操作：
	   1.后退操作
	     history.back()
	   2.前进操作
	     history.forward()
	</body>

</html>
